<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%>
<%@ taglib prefix="c"  uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt"  uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title><spring:message code="patternSearch"></spring:message></title>
    <link href="${pageContext.request.contextPath }/phone/css/list.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath }/phone/css/font/iconfont.css" rel="stylesheet" />
</head>
<body>
    <div>
        <!--头部--有分类-->
         <div class="cate_header">
            <div class="search_top">
                <a href="#"></a>
                <div class="topmid">
                    <button type="submit" class="search-btn"></button>
                    <input name="search-input" class="search-input" placeholder="<spring:message code="patternSearch"></spring:message>" />
	                <i class="Hui-iconfont Hui-iconfont-zhaoxiangji ri" onclick="searchImg()"></i>
	                <input type="file">
                </div>
                <div class="clr"></div>
            </div>
            <ul class="cate_big">
                <li>
                    <a href="#">颜色</a>
                    <ul class="cate_ul">
                        <li><a href="#">红</a></li>
                        <li><a href="#">绿</a></li>
                        <li><a href="#">黄</a></li>
                        <li><a href="#">黑</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">元素</a>
                </li>
                <li>
                    <a href="#">类别</a>
                </li>
                <li>
                    <a href="#">花位</a>
                </li>
                <li>
                    <a href="#">状态</a>
                </li>
                <div class="clr"></div>
            </ul>
        </div>
        <div role="main" class="main" style="margin-top:90px;">
            <!--花型-->
            <div class="huaxing">
                <ul>
                    <li>
                        <a href="shiyi.html">
                            <div class="img_squre" style="background-image:url(${pageContext.request.contextPath }/phone/img/huaxing.jpg);"></div>
                            <span>编号：W5518</span>
                            <br/>
                            <span>尺寸：40*60cm</span>
                        </a>
                    </li>
                    <li>
                        <a href="shiyi.html">
                            <div class="img_squre" style="background-image:url(${pageContext.request.contextPath }/phone/img/huaxing.jpg);"></div>
                            <span>编号：W5518</span>
                            <br/>
                            <span>尺寸：40*60cm</span>
                        </a>
                    </li>
                    <li>
                        <a href="shiyi.html">
                            <div class="img_squre" style="background-image:url(${pageContext.request.contextPath }/phone/img/huaxing.jpg);"></div>
                            <span>编号：W5518</span>
                            <br/>
                            <span>尺寸：40*60cm</span>
                        </a>
                    </li>
                    <li>
                        <a href="shiyi.html">
                            <div class="img_squre" style="background-image:url(${pageContext.request.contextPath }/phone/img/huaxing.jpg);"></div>
                            <div class="ex-exploit-like"><img class="no" src="${pageContext.request.contextPath }/phone/img/icon_addcollection.png"><img class="yes" src="${pageContext.request.contextPath }/phone/img/icon_alreadycollected.png"></div>
                            <span>编号：W5518</span>
                            <br/>
                            <span>尺寸：40*60cm<i>VIP</i></span>
                        </a>
                    </li>
                    <div class="clr"></div>
                    
                    <button type="button" class="before-page" disabled>上一页</button>
                    <button type="button" class="next-page">下一页</button>

                </ul>
            </div>
            <!--花型-->
        </div>
   </div>
    <script src="${pageContext.request.contextPath }/phone/js/jquery-1.8.3.min.js"></script>
    <script src="${pageContext.request.contextPath }/phone/js/top_nav.js"></script>
    
	<script>
		function searchImg(){
			$("input[type=file]").click();
		}
	</script>
</body>
</html>